14. Implementing Keyboard Event Listeners

Implementing Keyboard Event Listeners

Using the ARIA Authoring Best Practices doc, find the radio pattern and implement support for the Down Arrow and Right Arrow pattern using the "roving focus" technique. Note that you'll also sometimes see this referred to as "roving tabindex."

To begin, you'll want to work in the radiogroup.js file to implement your keyboarding support. You can find the files for this exercise in the lesson2-focus/05-radio-group directory within this course's GitHub Repository. Feel free to also use the below workspace to complete this exercise.

When you're done, you are welcome to check your implementation against that in the solution folder.

Workspace

This section contains either a workspace (it can be a Jupyter Notebook workspace or an online code editor work space, etc.) and it cannot be automatically downloaded to be generated here. Please access the classroom with your account and manually download the workspace to your local machine. Note that for some courses, Udacity upload the workspace files onto https://github.com/udacity, so you may be able to download them there.

Workspace Information:

  • Default file path:
  • Workspace type: html-live
  • Opened files (when workspace is loaded): n/a

Task Description:

Let's make sure we're on the same page before moving forward!

Task List:

Task Feedback:

Well done!